@media only screen and (min-width:300px) and (max-width:800px) {
    body {
        background-color: rgb(160, 160, 160);

    }

    .hero {
        /* width: 100%; */
        text-align: center;
        display: flex;
        margin: 9px;
        gap: 25px;
    }

    .hero-left {
        margin-left: auto;
    }

    .hero-right {
        margin-right: auto;
    }


    .h-h2 h2 {
        margin: 10px;
    }

    .a1 {
        background-color: rgb(236, 223, 172);
    }

    .h2 {
        text-align: center;
    }

    .setfiket {
        text-align: center;
        display: flex;
        gap: 5px;
        margin: 2px;
    }

    .setfiket0 img {
        width: 100%;
        height: 220px;
    }

    .setfiket1 img {
        width: 100%;
        height: auto;
    }

    .h2-1 {
        color: rgb(255, 0, 255);
        text-align: center;
    }

    .hero2 {
        margin: 5px;
    }

    .hero2 p {
        text-align: center;
        color: rgb(104, 49, 244);
    }
}